<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html class="js no-touch csstransitions" lang="en">
<!--<![endif]-->
	<include file="Public:Head" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/jquery.dataTables.min.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/buttons.dataTables.min.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/buttons.bootstrap.min.css">
	<body class="no-trans fixed-header-on" style="height:100%">
		<if condition="$condition eq 1" >
			<include file="Public:loginHeader" />
		<else />
			<include file="Public:notloginHeader" />
		</if>
		<script type="text/javascript" language="javascript" src="__PUBLIC__/js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" language="javascript" src="__PUBLIC__/js/dataTables.buttons.min.js"></script>
		<script type="text/javascript" language="javascript" src="__PUBLIC__/js/buttons.bootstrap.min.js"></script>
		<script type="text/javascript" language="javascript" src="__PUBLIC__/js/buttons.colVis.min.js"></script>
		<script type="text/javascript" language="javascript" src="__PUBLIC__/js/buttons.html5.min.js"></script>
		 <!-- 正文部分 -->
		<div id="aboutSec" class="section clearfix " style="min-height: 85.5%; margin-top: 5%;">
			<div class="container" style="width:1620px;">
				<div class="row">
					<div class="col-md-12">
						<h1 id="search" class="title text-center"><span>PIM</span></h1>
						<p class="lead text-center">Primer Information Manager</p>
					</div>
				</div>
				<br /><br />
				<div class="row">
				        <div id="blast_output">
				        	<table class="table table-condensed" id="blast_all">
							    <thead>
							        <tr>
							            <th>Primer ID</th>
							            <th>Gene</th>
							            <th>Species</th>

							            <th>Forward Primer</th>
							            <th>Reverse Primer</th>
							            <th>TM</th>
							            <th>Product GC(%) </th>
							            <th>Product Length</th>
							            <th>Describe</th>
							            <th>Location</th>
							            <th>Identifier</th>
							            <th>Upload Date</th>


							        </tr>
							    </thead>
							    <tbody>
							    	<volist name="result" id="vo">
							    		<tr>
							                <td>{$vo.primerid}</td>
							                <td>{$vo.gene}</td>
							                <td>{$vo.species}</td>

							                <td>{$vo.forwardprimer}</td>
							                <td>{$vo.reverseprimer}</td>
							                <td>{$vo.tm}</td>
							                <td>{$vo.productgc}</td>
							                <td>{$vo.productlength}</td>
							                <td>{$vo.describe}</td>
							                <td>{$vo.location}</td>
							                <td>{$vo.identifier}</td>
							                <td>{$vo.uploaddate}</td>

							            </tr>
							    	</volist>
							    </tbody>
							</table>
				        </div>
					</div>
				</div>
			</div>
		</div>
		
		<footer id="footer"  >

		</footer>


		<script>
			$('#Modal').on("show.bs.modal", function(event) {
				$('#modal-login').attr('style', 'display:block');
				$('#modal-register').attr('style', 'display:none');
			})

			$(document).ready(function() {
				$('#blast_all').dataTable({
					"fixedHeader": true,
					"dom": 'Blfrtip',
					"lengthMenu": [[15, 30, 50, 100,-1], [15, 30, 50,100, "All"]],
					"buttons": ['copy', 'csv', 'colvis'],
					// "columnDefs": [
					// 	{
					// 	"targets": [ 11, ],
					// 	"visible": false
					// 	}
					// ],
					"order": [
						[ 11, "desc" ]
					],
				})
			})
		</script>
	</body>
</html>
